<!-- <%--
  Created by IntelliJ IDEA.
  User: qhzhy
  Date: 2018/9/10
  Time: 20:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %> -->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>滴滴相亲后台管理</title>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>
        $(function () {
            $(".menu-item").click(function () {
                $(".menu-item").removeClass("menu-item-active");
                $(this).addClass("menu-item-active");
                var itmeObj = $(".menu-item").find("img");
                itmeObj.each(function () {
                    var items = $(this).attr("src");
                    items = items.replace("_grey.png", ".png");
                    items = items.replace(".png", "_grey.png")
                    $(this).attr("src", items);
                });
                var attrObj = $(this).find("img").attr("src");
                ;
                //attrObj = attrObj.replace("_grey.png", ".png");
                $(this).find("img").attr("src", attrObj);
            });
            $("#topAD").click(function () {
                $("#topA").toggleClass(" glyphicon-triangle-right");
                $("#topA").toggleClass(" glyphicon-triangle-bottom");
            });
            $("#topBD").click(function () {
                $("#topB").toggleClass(" glyphicon-triangle-right");
                $("#topB").toggleClass(" glyphicon-triangle-bottom");
            });
            $("#topCD").click(function () {
                $("#topC").toggleClass(" glyphicon-triangle-right");
                $("#topC").toggleClass(" glyphicon-triangle-bottom");
            });
            $(".toggle-btn").click(function () {
                $("#leftMeun").toggleClass("show");
                $("#rightContent").toggleClass("pd0px");
            })
        })
    </script>
    <!--[if lt IE 9]>
    <script src="js/html5.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <link rel="stylesheet" type="text/css" href="css/slide.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/flat-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/jquery.nouislider.css">

    <!--====================================================-->

    <!--====================================================-->
</head>
<body>
<div id="wrap">
    <!-- 左侧菜单栏目块 -->
    <div class="leftMeun" id="leftMeun">
        <div id="clock" style="height:120px;background-color: transparent">
            <!-- <embed wmode="transparent" type="application/x-shockwave-flash"
                   pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal"
                   allowscriptaccess="always" quality="high"
                   src="http://www.hebin.me/wp-content/uploads/2017/swf/clock.swf" width="160" height="100"> -->


            <h3 style="color: whitesmoke">滴滴相亲</h3>
            <div class="" style="width:100%;padding-right: 9px;color: white;display: block;text-align: right">
                <!-- ${staff.type==0?"管理员:":"红娘:"}
                ${staff.userName} -->


                    后台管理系统


            </div>


            <div style="margin-top: 9px;padding-right: 12px;" >
                <label style="color: #5bc0de">管理员:  </label><a style="margin-left: 6px">mehwei</a><button class="btn btn-primary btn-xs pull-right">退出</button>
            </div>


        </div>
        <div class="menu-title">账号管理</div>
        <div class="menu-item menu-item-active" href="#sour" aria-controls="sour" role="tab" data-toggle="tab">工作人员管理
        </div>
        <div class="menu-item" href="#chan" aria-controls="chan" role="tab" data-toggle="tab">修改账户密码</div>
        <div class="menu-title">会员管理</div>
        <div class="menu-item" href="#user" aria-controls="user" role="tab" data-toggle="tab">会员管理</div>
        <div class="menu-item" href="#stud" aria-controls="stud" role="tab" data-toggle="tab">成果库</div>
        <div class="menu-item" href="#sitt" aria-controls="sitt" role="tab" data-toggle="tab">姻缘簿</div>
        <div class="menu-title">商品管理</div>
        <div class="menu-item" href="#scho" aria-controls="scho" role="tab" data-toggle="tab">商城</div>
        <div class="menu-title">活动</div>
        <div class="menu-item" href="#char" aria-controls="char" role="tab" data-toggle="tab">活动管理</div>
        <div class="menu-item"></div>
        <div style="margin-left: 30px;" href="">
            <button>
                点击退出
            </button>
        </div>
    </div>

    <!-- 右侧具体内容栏目 -->
    <div id="rightContent">
        <!-- Tab panes -->
        <div class="tab-content">
            <!-- 管理员 -->
            <div role="tabpanel" class="tab-pane active" id="sour">
                <div class="check-div">
                    <button class="btn btn-yellow btn-xs" data-toggle="modal" data-target="#addChar">添加工作人员</button>
                </div>
                <div class="data-div">
                    <div class="row tableHeader">
                        <div class="col-xs-3 ">工号</div>
                        <div class="col-xs-4">姓名</div>
                        <div class="col-xs-3">权限</div>
                        <div class="col-xs-2">操作</div>
                    </div>
                    <div class="tablebody">
                        <div class="row">
                            <div class="col-xs-3 ">1</div>
                            <div class="col-xs-4"><span>小白</span></div>
                            <div class="col-xs-3">管理员</div>
                            <div class="col-xs-2">
                                <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeChar">
                                    修改
                                </button>
                                <button class="btn btn-danger btn-xs" data-toggle="modal" data-target="#deleteChar">删除
                                </button>
                            </div>
                        </div>


                    </div>

                </div>
                <!--页码块-->
                <footer class="footer">
                    <ul class="pagination">
                        <li>
                            <select>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                                <option>6</option>
                                <option>7</option>
                                <option>8</option>
                                <option>9</option>
                                <option>10</option>
                            </select>
                            页
                        </li>
                        <li class="gray">
                            共20页
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-menu-left"></i>
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-menu-right"></i>
                        </li>
                    </ul>
                </footer>
                <!--增加权限弹出窗口-->
                <div class="modal fade" id="addChar" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">


                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                                <h4 class="modal-title" id="gridSystemModalLabel">添加人员</h4>
                            </div>


                            <div class="modal-body">
                                <div class="container-fluid">
                                    <form class="form-horizontal">

                                        <div class="form-group ">
                                            <label for="sUserName" class="col-xs-3 control-label">用户名：</label>
                                            <div class="col-xs-6 ">
                                                <input type="text" class="form-control input-sm duiqi" id="sUserName"
                                                       placeholder="">
                                            </div>
                                        </div>

                                        <div class="form-group ">
                                            <label for="sName" class="col-xs-3 control-label">姓名：</label>
                                            <div class="col-xs-6 ">
                                                <input type="text" class="form-control input-sm duiqi" id="sName"
                                                       placeholder="">
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label for="sSex" class="col-xs-3 control-label">性别：</label>
                                            <div class="col-xs-6 ">
                                                <input type="radio" name="sex" value="male" checked>男 &nbsp&nbsp&nbsp
                                                <input type="radio" name="sex" value="female">女
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label for="sCharacter" class="col-xs-3 control-label">类型：</label>
                                            <div class="col-xs-6 ">
                                                <input type="radio" name="character" value="administrator" checked>管理员
                                                &nbsp&nbsp&nbsp
                                                <input type="radio" name="character" value="matchmaker">红娘
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="sCharacter" class="col-xs-3 control-label"> 头像：</label>
                                            <div class="col-xs-6 ">
                                                <input name="imgfile" type="file"
                                                       accept="image/gif, image/jpeg, image/png"/>
                                            </div>
                                        </div>

                                        <div class="form-group ">
                                            <label for="sEmail" class="col-xs-3 control-label">邮箱：</label>
                                            <div class="col-xs-6 ">
                                                <input type="email" class="form-control input-sm duiqi" id="sEmail"
                                                       placeholder="">
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>


                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-xs btn-green">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->

                <!--修改权限弹出窗口-->
                <div class="modal fade" id="changeChar" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="gridSystemModalLabel">修改信息</h4>
                            </div>


                            <div class="modal-body">
                                <div class="container-fluid">
                                    <form class="form-horizontal">

                                        <div class="form-group ">
                                            <label for="sUserName" class="col-xs-3 control-label">用户名：</label>
                                            <div class="col-xs-6 ">
                                                <input type="text" class="form-control input-sm duiqi" id="sUserName"
                                                       placeholder="">
                                            </div>
                                        </div>

                                        <div class="form-group ">
                                            <label for="sName" class="col-xs-3 control-label">姓名：</label>
                                            <div class="col-xs-6 ">
                                                <input type="text" class="form-control input-sm duiqi" id="sName"
                                                       placeholder="">
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label for="sSex" class="col-xs-3 control-label">性别：</label>
                                            <div class="col-xs-6 ">
                                                <input type="radio" name="sex" value="male" checked>男 &nbsp&nbsp&nbsp
                                                <input type="radio" name="sex" value="female">女
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label for="sCharacter" class="col-xs-3 control-label">类型：</label>
                                            <div class="col-xs-6 ">
                                                <input type="radio" name="character" value="administrator" checked>管理员
                                                &nbsp&nbsp&nbsp
                                                <input type="radio" name="character" value="matchmaker">红娘
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="sType" class="col-xs-3 control-label">类型：</label>
                                            <div class="col-xs-6 ">
                                                <input name="imgfile" type="file"
                                                       accept="image/gif, image/jpeg, image/png"/>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>

                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-xs btn-green">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->

                <!--弹出删除权限警告窗口-->
                <div class="modal fade" id="deleteChar" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    确定要删除该权限？删除后不可恢复！
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-xs btn-danger">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->
            </div>

            <!-- 修改密码模块 -->
            <div role="tabpanel" class="tab-pane" id="chan">
                <div class="check-div">原始密码为********</div>
                <div style="padding:100px 0; margin-top: 10px;background-color: #fff; text-align: right;width: 420px;margin: 100px auto;">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label for="sKnot" class="col-xs-4 control-label">原密码：</label>
                            <div class="col-xs-5">
                                <input type="" class="form-control input-sm duiqi" id="sKnot" placeholder=""
                                       style="margin-top: 7px;">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="sKnot" class="col-xs-4 control-label">新密码：</label>
                            <div class="col-xs-5">
                                <input type="" class="form-control input-sm duiqi" id="sKnot" placeholder=""
                                       style="margin-top: 7px;">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="sKnot" class="col-xs-4 control-label">重复密码：</label>
                            <div class="col-xs-5">
                                <input type="" class="form-control input-sm duiqi" id="sKnot" placeholder=""
                                       style="margin-top: 7px;">
                            </div>
                        </div>
                        <div class="form-group text-right">
                            <div class="col-xs-offset-4 col-xs-5" style="margin-left: 169px;">
                                <button type="reset" class="btn btn-xs btn-white">取 消</button>
                                <button type="submit" class="btn btn-xs btn-green">保存</button>
                            </div>
                        </div>
                    </form>
                </div>

            </div>

            <!--会员管理模块-->
            <div role="tabpanel" class="tab-pane" id="user">
                <div class="check-div form-inline">
                    <div class="col-xs-1">
                        <button class="btn btn-yellow btn-xs" data-toggle="modal" data-target="#addUser">添加用户</button>
                    </div>
                    <div class="col-xs-5">
                        <input type="text" class="form-control input-sm" placeholder="输入文字搜索">
                        <button class="btn btn-white btn-xs ">查 询</button>
                    </div>
                </div>
                <div class="data-div">
                    <div class="row tableHeader">
                        <div class="col-xs-1 ">用户ID</div>
                        <div class="col-xs-1">头像</div>
                        <div class="col-xs-1">姓名</div>
                        <div class="col-xs-1">性别</div>
                        <div class="col-xs-1">婚姻状态</div>
                        <div class="col-xs-2">邮箱</div>
                        <div class="col-xs-2">手机号</div>
                        <div class="col-xs-1">操作</div>

                    </div>


                    <div class="tablebody">

                        <div class="row">
                            <div class="col-xs-1 ">001</div>
                            <div class="col-xs-1">
                                <img src="images/logo.png" style="width: 40px;height: 40px;"/>
                            </div>
                            <div class="col-xs-1">小明</div>
                            <div class="col-xs-1">男</div>
                            <div class="col-xs-1">未婚</div>
                            <div class="col-xs-2">202020@qq.com</div>
                            <div class="col-xs-2">13386952685</div>
                            <div class="col-xs-2">
                                <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#reviseUser">
                                    修改
                                </button>
                                <button class="btn btn-danger btn-xs" data-toggle="modal" data-target="#deleteUser">删除
                                </button>
                            </div>
                        </div>

                    </div>

                </div>
                <!--页码块-->
                <footer class="footer">
                    <ul class="pagination">
                        <li>
                            <select>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                                <option>6</option>
                                <option>7</option>
                                <option>8</option>
                                <option>9</option>
                                <option>10</option>
                            </select>
                            页
                        </li>
                        <li class="gray">
                            共20页
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-menu-left">
                            </i>
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-menu-right">
                            </i>
                        </li>
                    </ul>
                </footer>

                <!--弹出添加用户窗口-->
                <div class="modal fade" id="addUser" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="gridSystemModalLabel">添加用户</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    <form class="form-horizontal">

                                        <div class="form-group">
                                            <label for="sName" class="col-xs-3 control-label">会员姓名：</label>
                                            <div class="col-xs-8 ">
                                                <input type="text" class="form-control input-sm duiqi" id="sName"
                                                       placeholder=""/>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="sIdNumber" class="col-xs-3 control-label">身份证号：</label>
                                            <div class="col-xs-8 ">
                                                <input type="text" class="form-control input-sm duiqi" id="sIdNumber"
                                                       placeholder="">
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label for="sSex" class="col-xs-3 control-label">性别：</label>
                                            <div class="col-xs-8">
                                                <input type="radio" name="sSex" value="male" checked="checked"/> 男
                                                &nbsp&nbsp&nbsp
                                                <input type="radio" name="sSex" value="female"/> 女
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label for="sPhoneNumber" class="col-xs-3 control-label">手机号：</label>
                                            <div class="col-xs-8">
                                                <input type="number" class="form-control input-sm duiqi"
                                                       id="sPhoneNumber" placeholder="">
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label for="sBirthdey" class="col-xs-3 control-label">生日：</label>
                                            <div class="col-xs-8">
                                                <input type="date" id="sBirthdey"/>
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label for="sIsMarry" class="col-xs-3 control-label">婚姻状态：</label>
                                            <div class="col-xs-8">
                                                <select class=" form-control select-duiqi">
                                                    <option value="WH">未婚</option>
                                                    <option value="LY">离异</option>
                                                    <option value="SO">丧偶</option>
                                                </select>
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label for="sEmail" class="col-xs-3 control-label">邮箱：</label>
                                            <div class="col-xs-8 ">
                                                <input type="email" class="form-control input-sm duiqi" id="sEmail"
                                                       placeholder="">
                                            </div>
                                        </div>

                                    </form>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-xs btn-green">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->

                <!--弹出修改用户窗口-->
                <div class="modal fade" id="reviseUser" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="gridSystemModalLabel">修改用户</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    <form class="form-horizontal">
                                        <div class="form-group">
                                            <label for="sName" class="col-xs-3 control-label">会员姓名：</label>
                                            <div class="col-xs-8 ">
                                                <input type="text" class="form-control input-sm duiqi" id="sName"
                                                       placeholder=""/>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="sIdNumber" class="col-xs-3 control-label">身份证号：</label>
                                            <div class="col-xs-8 ">
                                                <input type="text" class="form-control input-sm duiqi" id="sIdNumber"
                                                       placeholder="">
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label for="sSex" class="col-xs-3 control-label">性别：</label>
                                            <div class="col-xs-8">
                                                <input type="radio" name="sSex" value="male" checked="checked"/> 男
                                                &nbsp&nbsp&nbsp
                                                <input type="radio" name="sSex" value="female"/> 女
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label for="sPhoneNumber" class="col-xs-3 control-label">手机号：</label>
                                            <div class="col-xs-8">
                                                <input type="number" class="form-control input-sm duiqi"
                                                       id="sPhoneNumber" placeholder="">
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label for="sBirthdey" class="col-xs-3 control-label">生日：</label>
                                            <div class="col-xs-8">
                                                <input type="date" id="sBirthdey"/>
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label for="sIsMarry" class="col-xs-3 control-label">婚姻状态：</label>
                                            <div class="col-xs-8">
                                                <select class=" form-control select-duiqi">
                                                    <option value="WH">未婚</option>
                                                    <option value="LY">离异</option>
                                                    <option value="SO">丧偶</option>
                                                </select>
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label for="sEmail" class="col-xs-3 control-label">邮箱：</label>
                                            <div class="col-xs-8 ">
                                                <input type="email" class="form-control input-sm duiqi" id="sEmail"
                                                       placeholder="">
                                            </div>
                                        </div>


                                    </form>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-xs btn-green">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->

                <!--弹出删除用户警告窗口-->
                <div class="modal fade" id="deleteUser" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    确定要删除该用户？删除后不可恢复！
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn  btn-xs btn-danger">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->

            </div>

            <!-- 成果库 -->
            <div role="tabpanel" class="tab-pane" id="stud">
                <div class="check-div ·form-inline">
                    <div class="col-xs-1">
                        <button class="btn btn-yellow btn-xs" data-toggle="modal" data-target="#addCG">添加情侣</button>
                    </div>

                    <div class="col-xs-5">
                        <input type="text" class=" form-control input-sm" placeholder="输入文字搜索"
                               style="	!height: 40px!important;">
                        <button class="btn btn-white btn-xs ">查 询</button>
                    </div>

                    <div class="col-lg-3 col-lg-offset-2 col-xs-4" style=" padding-right: 40px;text-align: right;">
                        <label for="paixu">排序:&nbsp;</label>
                        <select class=" form-control">
                            <option>红娘Id</option>
                            <option>情侣编号</option>
                            <option>男方Id</option>
                            <option>女方Id</option>

                        </select>
                    </div>
                </div>
                <div class="data-div">
                    <div class="row tableHeader">
                        <div class="col-xs-2 ">情侣编号</div>
                        <div class="col-xs-3 ">男生Id</div>
                        <div class="col-xs-3">女生Id</div>
                        <div class="col-xs-2">红娘Id</div>
                        <div class="col-xs-2 ">操作</div>
                    </div>
                    <div class="tablebody">

                        <div class="row">
                            <div class="col-xs-2 ">001</div>
                            <div class="col-xs-3 ">215</div>
                            <div class="col-xs-3">312</div>
                            <div class="col-xs-2">008</div>
                            <div class="col-xs-2">
                                <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCG">修改
                                </button>
                                <button class="btn btn-danger btn-xs" data-toggle="modal" data-target="#deleteCG">删除
                                </button>
                            </div>
                        </div>

                    </div>

                </div>
                <!--页码块-->
                <footer class="footer">
                    <ul class="pagination">
                        <li>
                            <select>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                                <option>6</option>
                                <option>7</option>
                                <option>8</option>
                                <option>9</option>
                                <option>10</option>
                            </select>
                            页
                        </li>
                        <li class="gray">
                            共20页
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-menu-left">
                            </i>
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-menu-right">
                            </i>
                        </li>
                    </ul>
                </footer>

                <!--增加权限弹出窗口-->
                <div class="modal fade" id="addCG" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">


                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                                <h4 class="modal-title" id="gridSystemModalLabel">添加情侣信息</h4>
                            </div>


                            <div class="modal-body">
                                <div class="container-fluid">
                                    <form class="form-horizontal">

                                        <div class="form-group ">
                                            <label for="sLoversNumber" class="col-xs-3 control-label">情侣编号：</label>
                                            <div class="col-xs-6 ">
                                                <input type="number" class="form-control input-sm duiqi"
                                                       id="sLoversNumber" placeholder="">
                                            </div>
                                        </div>

                                        <div class="form-group ">
                                            <label for="sMaleId" class="col-xs-3 control-label">男神Id：</label>
                                            <div class="col-xs-6 ">
                                                <input type="number" class="form-control input-sm duiqi" id="sMaleId"
                                                       placeholder="">
                                            </div>
                                        </div>

                                        <div class="form-group ">
                                            <label for="sFemaleId" class="col-xs-3 control-label">女神Id：</label>
                                            <div class="col-xs-6 ">
                                                <input type="number" class="form-control input-sm duiqi" id="sFemaleId"
                                                       placeholder="">
                                            </div>
                                        </div>

                                        <div class="form-group ">
                                            <label for="sMatchmakerId" class="col-xs-3 control-label">红娘Id：</label>
                                            <div class="col-xs-6 ">
                                                <input type="number" class="form-control input-sm duiqi"
                                                       id="sMatchmakerId" placeholder="">
                                            </div>
                                        </div>


                                    </form>
                                </div>
                            </div>


                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-xs btn-green">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->


                <!--修改权限弹出窗口-->
                <div class="modal fade" id="changeCG" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="gridSystemModalLabel">修改信息</h4>
                            </div>


                            <div class="modal-body">
                                <div class="container-fluid">
                                    <form class="form-horizontal">

                                        <div class="form-group ">
                                            <label for="sLoversNumber" class="col-xs-3 control-label">情侣编号：</label>
                                            <div class="col-xs-6 ">
                                                <input type="number" class="form-control input-sm duiqi"
                                                       id="sLoversNumber" placeholder="">
                                            </div>
                                        </div>

                                        <div class="form-group ">
                                            <label for="sMaleId" class="col-xs-3 control-label">男神Id：</label>
                                            <div class="col-xs-6 ">
                                                <input type="number" class="form-control input-sm duiqi" id="sMaleId"
                                                       placeholder="">
                                            </div>
                                        </div>

                                        <div class="form-group ">
                                            <label for="sFemaleId" class="col-xs-3 control-label">女神Id：</label>
                                            <div class="col-xs-6 ">
                                                <input type="number" class="form-control input-sm duiqi" id="sFemaleId"
                                                       placeholder="">
                                            </div>
                                        </div>

                                        <div class="form-group ">
                                            <label for="sMatchmakerId" class="col-xs-3 control-label">红娘Id：</label>
                                            <div class="col-xs-6 ">
                                                <input type="number" class="form-control input-sm duiqi"
                                                       id="sMatchmakerId" placeholder="">
                                            </div>
                                        </div>


                                    </form>
                                </div>
                            </div>

                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-xs btn-green">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->

                <!--弹出删除权限警告窗口-->
                <div class="modal fade" id="deleteCG" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    确定要删除该对情侣？删除后不可恢复！
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-xs btn-danger">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->
            </div>

            <!--姻缘簿-->
            <div role="tabpanel" class="tab-pane" id="sitt">
                <div class="check-div ·form-inline">
                    <div class="col-xs-1">
                        <button class="btn btn-yellow btn-xs" data-toggle="modal" data-target="#addCG">添加情侣</button>
                    </div>

                    <div class="col-xs-5">
                        <input type="text" class=" form-control input-sm" placeholder="输入文字搜索"
                               style="	!height: 40px!important;">
                        <button class="btn btn-white btn-xs ">查 询</button>
                    </div>

                    <div class="col-lg-3 col-lg-offset-2 col-xs-4" style=" padding-right: 40px;text-align: right;">
                        <label for="paixu">排序:&nbsp;</label>
                        <select class=" form-control">
                            <option>红娘Id</option>
                            <option>情侣编号</option>
                            <option>男方Id</option>
                            <option>女方Id</option>

                        </select>
                    </div>
                </div>
                <div class="data-div">
                    <div class="col-xs-5" style="background: #00BDEF;">
                        <div class="tablebody" style="scrollbar: overflow-y;height: 100px;">

                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>


                        </div>
                    </div>

                    <div class="col-xs-2" style="background: #E35583;height: 890px;">
                        <div>

                            <button style="margin-left: 30%;margin-top: 430px;width: 100px;background: #CD0A0A;height: 100px;">
                                配对
                            </button>

                        </div>
                    </div>

                    <div class="col-xs-5" style="background: #F4D03F;">
                        <div class="tablebody" style="scrollbar: overflow-y;height: 100px;">

                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-2 ">小白</div>
                                <div class="col-xs-3 ">25</div>
                                <div class="col-xs-3">洛阳</div>
                                <div class="col-xs-2">8k</div>
                                <div class="col-xs-2">
                                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                                        修改
                                    </button>
                                </div>
                            </div>


                        </div>

                    </div>


                    <!--
                        作者：offline
                        时间：2018-09-09
                        描述：xaingmixinxi
                    -->
                    <div class="modal fade" id="changeCGD" role="dialog" aria-labelledby="gridSystemModalLabel">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="gridSystemModalLabel">修改信息</h4>
                                </div>


                                <div class="modal-body">
                                    <div class="container-fluid">
                                        <div class="form-horizontal">

                                            <div class="form-group col-xs-3 control-label">
                                                <p id="userName">*****</p>
                                                <p id="userName">*****</p>
                                                <p id="userName">*****</p>
                                                <p id="userName">*****</p>
                                                <p id="userName">*****</p>
                                                <p id="userName">*****</p>
                                                <p id="userName">*****</p>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                                <div class="modal-footer">
                                    <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                </div>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                        <!-- /.modal-dialog -->
                    </div>
                    <!-- /.modal -->
                </div>

            </div>

            <!--商城-->
            <div role="tabpanel" class="tab-pane" id="scho">

                <div class="check-div form-inline">
                    <div class="col-xs-3">
                        <button class="btn btn-yellow btn-xs" data-toggle="modal" data-target="#addSchool">添加商品</button>
                    </div>
                    <div class="col-lg-4 col-xs-5">
                        <input type="text" class=" form-control input-sm " placeholder="输入文字搜索">
                        <button class="btn btn-white btn-xs ">查 询</button>
                    </div>
                    <div class="col-lg-3 col-lg-offset-1 col-xs-3"
                         style="padding-right: 40px;text-align: right;float: right;">
                        <label for="paixu">排序:&nbsp;</label>
                        <select class="form-control">
                            <option>礼物编号</option>
                            <option>售价</option>
                            <option>人气值</option>
                        </select>
                    </div>
                </div>
                <div class="data-div">
                    <div class="row tableHeader">
                        <div class="col-xs-1 ">商品编号</div>
                        <div class="col-xs-2 ">商品名称</div>
                        <div class="col-xs-1 ">售价</div>
                        <div class="col-xs-3">人气值</div>
                        <div class="col-xs-2">商品图片</div>
                        <div class="col-xs-1">操作</div>
                    </div>
                    <div class="tablebody">

                        <div class="row">
                            <div class="col-xs-1 ">1</div>
                            <div class="col-xs-2">钻石</div>
                            <div class="col-xs-1">45.0</div>
                            <div class="col-xs-3">60</div>
                            <div class="col-xs-2">
                                <a class="linkCcc"><img src="fonts/lato/lato-black.svg"></a>
                            </div>

                            <div class="col-xs-2">
                                <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#reviseSchool">
                                    修改
                                </button>
                                <button class="btn btn-danger btn-xs" data-toggle="modal" data-target="#deleteSchool">
                                    删除
                                </button>
                            </div>
                        </div>

                    </div>

                </div>
                <!--页码块-->
                <footer class="footer">
                    <ul class="pagination">
                        <li>
                            <select>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                                <option>6</option>
                                <option>7</option>
                                <option>8</option>
                                <option>9</option>
                                <option>10</option>
                            </select>
                            页
                        </li>
                        <li class="gray">
                            共20页
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-menu-left">
                            </i>
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-menu-right">
                            </i>
                        </li>
                    </ul>
                </footer>

                <!--弹出添加用户窗口-->
                <div class="modal fade" id="addSchool" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="gridSystemModalLabel">添加地区</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    <form class="form-horizontal">
                                        <div class="form-group ">
                                            <label for="sGiftName" class="col-xs-3 control-label">商品名称：</label>
                                            <div class="col-xs-8 ">
                                                <input type="text" class="form-control input-sm duiqi" id="sGiftName"
                                                       placeholder="">
                                            </div>
                                        </div>
                                        <div class="form-group ">
                                            <label for="sSale" class="col-xs-3 control-label">售价：</label>
                                            <div class="col-xs-8 ">
                                                <input type="number" class="form-control input-sm duiqi" id="sSale"
                                                       placeholder="">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="sPopularity" class="col-xs-3 control-label">人气值：</label>
                                            <div class="col-xs-8 ">
                                                <input type="number" class="form-control input-sm duiqi"
                                                       id="sPopularity" placeholder="">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="sImage" class="col-xs-3 control-label">图片：</label>
                                            <div class="col-xs-6 ">
                                                <input name="imgfile" type="file"
                                                       accept="image/gif, image/jpeg, image/png"/>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-xs btn-green">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->

                <!--弹出修改用户窗口-->
                <div class="modal fade" id="reviseSchool" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="gridSystemModalLabel">修改地区</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    <form class="form-horizontal">
                                        <div class="form-group ">
                                            <label for="sGiftName" class="col-xs-3 control-label">商品名称：</label>
                                            <div class="col-xs-8 ">
                                                <input type="text" class="form-control input-sm duiqi" id="sGiftName"
                                                       placeholder="">
                                            </div>
                                        </div>
                                        <div class="form-group ">
                                            <label for="sSale" class="col-xs-3 control-label">售价：</label>
                                            <div class="col-xs-8 ">
                                                <input type="number" class="form-control input-sm duiqi" id="sSale"
                                                       placeholder="">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="sPopularity" class="col-xs-3 control-label">人气值：</label>
                                            <div class="col-xs-8 ">
                                                <input type="number" class="form-control input-sm duiqi"
                                                       id="sPopularity" placeholder="">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="sImage" class="col-xs-3 control-label">图片：</label>
                                            <div class="col-xs-6 ">
                                                <input name="imgfile" type="file"
                                                       accept="image/gif, image/jpeg, image/png"/>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-xs btn-green">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->

                <!--弹出删除用户警告窗口-->
                <div class="modal fade" id="deleteSchool" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    确定要删除该地区？删除后不可恢复！
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-xs btn-danger">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->

            </div>

            <!--活动管理-->
            <div role="tabpanel" class="tab-pane" id="char">

                <div class="check-div">
                    <button class="btn btn-yellow btn-xs" data-toggle="modal" data-target="#addQX">添加活动</button>
                </div>
                <div class="data-div">
                    <div class="row tableHeader">
                        <div class="col-xs-3 ">活动Id</div>
                        <div class="col-xs-6">活动名称</div>
                        <div class="col-xs-2">操作</div>
                    </div>
                    <div class="tablebody">
                        <div class="row">
                            <div class="col-xs-3 ">001</div>
                            <div class="col-xs-6">
                                <span>郑州相亲大会</span>
                            </div>
                            <div class="col-xs-2">
                                <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeQX">修改
                                </button>
                                <button class="btn btn-danger btn-xs" data-toggle="modal" data-target="#deleteQX">删除
                                </button>
                            </div>
                        </div>

                    </div>

                </div>
                <!--页码块-->
                <footer class="footer">
                    <ul class="pagination">
                        <li>
                            <select>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                                <option>6</option>
                                <option>7</option>
                                <option>8</option>
                                <option>9</option>
                                <option>10</option>
                            </select>
                            页
                        </li>
                        <li class="gray">
                            共20页
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-menu-left">
                            </i>
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-menu-right">
                            </i>
                        </li>
                    </ul>
                </footer>
                <!--增加权限弹出窗口-->
                <div class="modal fade" id="addQX" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="gridSystemModalLabel">添加活动</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    <form class="form-horizontal">
                                        <div class="form-group ">
                                            <label for="sActivityId" class="col-xs-3 control-label">活动Id：</label>
                                            <div class="col-xs-6 ">
                                                <input type="number" class="form-control input-sm duiqi"
                                                       id="sActivityId" placeholder="">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="sActivityName" class="col-xs-3 control-label">活动名称：</label>
                                            <div class="col-xs-6">
                                                <input type="text" class="form-control input-sm duiqi"
                                                       id="sActivityName" placeholder="">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="sActivityTime" class="col-xs-3 control-label">活动时间：</label>
                                            <div class="col-xs-6">
                                                <input type="date" class="form-control input-sm duiqi"
                                                       id="sActivityTime" placeholder="">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="sActivityPlace" class="col-xs-3 control-label">活动地址：</label>
                                            <div class="col-xs-6">
                                                <input type="text" class="form-control input-sm duiqi"
                                                       id="sActivityPlace" placeholder="">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="sActivityName" class="col-xs-3 control-label">活动说明：</label>
                                            <div class="col-xs-6 ">
                                                <textarea class="form-control input-sm duiqi"></textarea>
                                            </div>
                                        </div>


                                    </form>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-xs btn-green">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->

                <!--修改权限弹出窗口-->
                <div class="modal fade" id="changeQX" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="gridSystemModalLabel">修改活动信息</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    <form class="form-horizontal">
                                        <div class="form-group ">
                                            <label for="sActivityId" class="col-xs-3 control-label">活动Id：</label>
                                            <div class="col-xs-6 ">
                                                <input type="number" class="form-control input-sm duiqi"
                                                       id="sActivityId" placeholder="">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="sActivityName" class="col-xs-3 control-label">活动名称：</label>
                                            <div class="col-xs-6">
                                                <input type="text" class="form-control input-sm duiqi"
                                                       id="sActivityName" placeholder="">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="sActivityTime" class="col-xs-3 control-label">活动时间：</label>
                                            <div class="col-xs-6">
                                                <input type="date" class="form-control input-sm duiqi"
                                                       id="sActivityTime" placeholder="">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="sActivityPlace" class="col-xs-3 control-label">活动地址：</label>
                                            <div class="col-xs-6">
                                                <input type="text" class="form-control input-sm duiqi"
                                                       id="sActivityPlace" placeholder="">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="sActivityName" class="col-xs-3 control-label">活动说明：</label>
                                            <div class="col-xs-6 ">
                                                <textarea class="form-control input-sm duiqi"></textarea>
                                            </div>
                                        </div>


                                    </form>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-xs btn-green">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->

                <!--弹出删除权限警告窗口-->
                <div class="modal fade" id="deleteQX" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    确定要删除该信息？删除后不可恢复！
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-xs btn-danger">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->

            </div>


            <!---->
            <div role="tabpanel" class="tab-pane" id="sitDetail">
                <div class="check-div form-inline">
                    <span href="#sitt" aria-controls="sitt" role="tab" data-toggle="tab" style="cursor: pointer;"><span
                            class="glyphicon glyphicon glyphicon-chevron-left"></span>&nbsp;&nbsp;返回上一页</span>
                </div>
                <div class="data-div">
                    <div class="row tableHeader">
                        <div class="col-xs-6 ">
                            座位编码
                        </div>
                        <div class="col-xs-6 ">
                            座位名称
                        </div>

                    </div>
                    <div class="tablebody">

                        <div class="row">
                            <div class="col-xs-6 ">
                                sad2345fas345533
                            </div>
                            <div class="col-xs-6">
                                王座
                            </div>

                        </div>

                    </div>

                </div>
                <!--页码块-->
                <footer class="footer">
                    <ul class="pagination">
                        <li>
                            <select>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                                <option>6</option>
                                <option>7</option>
                                <option>8</option>
                                <option>9</option>
                                <option>10</option>
                            </select>
                            页
                        </li>
                        <li class="gray">
                            共20页
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-menu-left">
                            </i>
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-menu-right">
                            </i>
                        </li>
                    </ul>
                </footer>

            </div>

            <!--时间段管理模块-->
            <div role="tabpanel" class="tab-pane" id="time">
                <div class="check-div form-inline">
                    <span href="#sitt" aria-controls="sitt" role="tab" data-toggle="tab" style="cursor: pointer;"><span
                            class="glyphicon glyphicon glyphicon-chevron-left"></span>&nbsp;&nbsp;返回上一页</span>

                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <button class="btn btn-yellow btn-xs " data-toggle="modal" data-target="#addTime">添加时间段</button>

                </div>
                <div class="data-div">
                    <div class="row tableHeader">
                        <div class="col-xs-3 ">
                            编码
                        </div>
                        <div class="col-xs-3">
                            开始
                        </div>
                        <div class="col-xs-3">
                            结束
                        </div>

                        <div class="col-xs-3">
                            操作
                        </div>
                    </div>
                    <div class="tablebody">

                        <div class="row">
                            <div class="col-xs-3 ">
                                6426398978
                            </div>
                            <div class="col-xs-3">
                                10:10
                            </div>
                            <div class="col-xs-3">
                                19:30
                            </div>
                            <div class="col-xs-3">
                                <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeTime">
                                    修改
                                </button>
                                <button class="btn btn-danger btn-xs" data-toggle="modal" data-target="#deleteTime">删除
                                </button>
                            </div>
                        </div>

                    </div>

                </div>
                <!--页码块-->
                <footer class="footer">
                    <ul class="pagination">
                        <li>
                            <select>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                                <option>6</option>
                                <option>7</option>
                                <option>8</option>
                                <option>9</option>
                                <option>10</option>
                            </select>
                            页
                        </li>
                        <li class="gray">
                            共20页
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-menu-left">
                            </i>
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-menu-right">
                            </i>
                        </li>
                    </ul>
                </footer>

                <!--弹出增加时间段窗口-->
                <div class="modal fade" id="addTime" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="gridSystemModalLabel">时间段设置</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    <form class="form-horizontal">
                                        <div class="form-group ">
                                            <label for="sName" class="col-xs-3 control-label">开始时间：</label>
                                            <div class="col-xs-8 ">
                                                <input type="email" class="form-control input-sm" id="sName"
                                                       placeholder="">
                                            </div>
                                        </div>
                                        <div class="form-group ">
                                            <label for="sName" class="col-xs-3 control-label">结束时间：</label>
                                            <div class="col-xs-8 ">
                                                <input type="email" class="form-control input-sm" id="sName"
                                                       placeholder="">
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-xs btn-green">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->

                <!--修改增加时间段窗口-->
                <div class="modal fade" id="changeTime" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="gridSystemModalLabel">修改时间段</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    <form class="form-horizontal">
                                        <div class="form-group ">
                                            <label for="sName" class="col-xs-3 control-label">开始时间：</label>
                                            <div class="col-xs-8 ">
                                                <input type="email" class="form-control input-sm duiqi" id="sName"
                                                       placeholder="">
                                            </div>
                                        </div>
                                        <div class="form-group ">
                                            <label for="sName" class="col-xs-3 control-label">结束时间：</label>
                                            <div class="col-xs-8 ">
                                                <input type="email" class="form-control input-sm duiqi" id="sName"
                                                       placeholder="">
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-green btn-xs">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->
                <!--弹出删除时间段警告窗口-->
                <div class="modal fade" id="deleteTime" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    确定要删除该时间段？
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-danger btn-xs">保 存</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->

            </div>

        </div>
    </div>
</div>


</body>


</html>




